<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格</title>
	</head>
	<body>
		<!--
            border 边框粗细
            width 表格宽度
            cellspacing 设置单元格之间的间距
            cellpadding 初始状态距离边框距离
           	 制表依然可以用快捷键完成
        -->
		<table border="1px" width="800px" height="200px" cellspacing="20" cellpadding="20px">
			<!--thead\tbody没有实质性的作用，仅作为框架规整-->
			<thead>
				<tr>
					<!--th为表格抬头 居中加粗-->
					<th>姓名</th>
					<th>学号</th>
					<th>html成绩</th>
				</tr>
			</thead>
			<tbody>
				<!--第一行-->
				<tr align="center">
					<!--第一列-->
					<!--align属性 对文本之间的对齐方式进行设置
						left：左对齐
						right：右对齐
						center：居中
						就近原则
					-->
					<td align="right">刘晨</td>
					<td>2017020800101</td>
					<td>60</td>
				</tr>
				
				<!--第二行-->
				<tr align="left">
					<td>叶长青</td>
					<td>666</td>
					<td>100</td>
				</tr>
			</tbody>
		</table>
		<!--快捷键三行二列
			table{border="1px" }>(tr>td*2)*3
			鼠标点击哪就从哪进行建表
			[]用于属性快捷
			{}用于内容快捷
		-->
		<center>
			<table border="1px" width="800px" height="200px" cellspacing="20" cellpadding="20px">
				<tr>
					<td rowspan="2"></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
				</tr>
			</table>
				<tr>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<!--
                    	colspan 合并列
                    -->
					<td colspan="2"></td>
				</tr>
			</table>
		</center>
	</body>
</html>
